<template>
    <div>
        <a-breadcrumb :routes="route.matched" separator=">">
            <template #itemRender="{ route, routes }">
                <span v-if="routes.indexOf(route) === routes.length - 1">{{ route.meta.title }}</span>
                <router-link v-else :to="{name:route.name}"></router-link>
            </template>
        </a-breadcrumb>
    </div>
</template>

<script setup>
import { watch, ref } from "vue";
import { useRouter, useRoute } from "vue-router";
const router = useRouter();
const route = useRoute();
</script>

<style lang="less" scoped></style>